<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:client="http://www.kohana.vn/client">
<ui:composition template="Client-template.xhtml">
	<ui:param name="title" value="Thông tin đặt hàng" />
	<ui:define name="body">
		<h:form>
			<h4>Hãy điền đầy đủ các thông tin sau</h4>
			<br></br>
			<table cellpadding="5" cellspacing="7">
				<tr>
					<td><h:outputText value="Tên người đặt"/></td>
					<td><h:inputText value="#{orderBean.orderByName}" /></td>
				</tr>
				<tr>
					<td><h:outputText value="Điện thoại người đặt"/></td>
					<td><h:inputText value="#{orderBean.orderByPhone}"/></td>
				</tr>
				<tr>
					<td><h:outputText value="Địa chỉ người đặt"/></td>
					<td><h:inputText value="#{orderBean.orderByAddress}"/></td>
				</tr>
				<tr>
					<td colspan="2">
						<h:selectBooleanCheckbox value="#{orderBean.theSame}" onchange="$('.btnReload').click()"/>
						<h:outputText value="Người đặt và người nhận là một" />
					</td>
				</tr>
				<tr>
					<td><h:outputText value="Tên người nhận"/></td>
					<td><h:inputText value="#{orderBean.orderForName}" disabled="#{orderBean.theSame}"/></td>
				</tr>
				<tr>
					<td><h:outputText value="Điện thoại người nhận"/></td>
					<td><h:inputText value="#{orderBean.orderForPhone}" disabled="#{orderBean.theSame}"/></td>
				</tr>
				<tr>
					<td><h:outputText value="Địa chỉ người nhận"/></td>
					<td><h:inputText value="#{orderBean.orderForAddress}" disabled="#{orderBean.theSame}"/></td>
				</tr>
				<tr>
					<td><h:outputText value="Phương thức thanh toán"/></td>
					<td>
						<h:selectOneListbox value="#{orderBean.paymentCode}" size="1" onchange="$('.btnReload').click()">
							<f:selectItem itemLabel="Tiền mặt" itemValue="CSH"/>
							<f:selectItem itemLabel="Chuyển khoản" itemValue="TRF"/>
						</h:selectOneListbox>
					</td>
				</tr>
				<tr>
					<td><h:outputText value="Tên ngân hàng" rendered="#{orderBean.paymentCode eq 'TRF'}"/></td>
					<td><h:inputText value="#{orderBean.bankName}" rendered="#{orderBean.paymentCode eq 'TRF'}"/></td>
				</tr>
				<tr>
					<td><h:outputText value="Số tài khoản" rendered="#{orderBean.paymentCode eq 'TRF'}"/></td>
					<td><h:inputText value="#{orderBean.bankAccountNumber}" rendered="#{orderBean.paymentCode eq 'TRF'}"/></td>
				</tr>
			</table>
			<h:commandButton styleClass="btnReload" style="display:none" action="#{orderBean.reload}"/>
			<br></br>
			<h:commandButton value="Đặt hàng" action="#{orderBean.submit}" styleClass="button"/>
		</h:form>
	</ui:define>
</ui:composition>
</html>